<template>
    <div class="swiper">
        <mt-swipe :show-indicators="true"
                  :auto="3000"
                  style="height: 200px;">
            <mt-swipe-item v-for="image in  props&&props.images" class="swiper-item">
                <div class="imageContainer" style="width: 100%;height: 200px;">
                    <img :src="image" alt="">
                </div>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>

    import {createProp} from "../../util/util";

    export default {
        props: {
            props: createProp([Object])
        },
        data() {
            return {
                form: {
                    table: [],
                    from: 0,
                    tableLoading: false,
                    total: 0,
                },

            }
        }
    }
</script>
<style lang="scss" scoped>
    .imageContainer {
        img {
            width: 100%;
            height: 100%;
        }
    }
</style>
